// 运算 
// .box{
//   width: 10%+50px;
//   height: 200px;
//   background-color: orange;
// }


// 混入

// .border {
//   border: 10px solid red;
// }

// .box {
//   width: 200px;
//   height: 200px;
//   background-color: orange;

//   .border();
// }


// 映射

.border {
  width: 100px;
}

.box {
  width: .border[width];
  height: 200px;
  background-color: orange;
}